import type { RouteRecordRaw } from 'vue-router';

import { $t } from '#/locales';

const routes: RouteRecordRaw[] = [
  {
    meta: {
      icon: 'ic:baseline-view-in-ar',
      // keepAlive: true,
      order: 0,
      title: $t('page.dashboard.role'),
    },
    name: 'Role',
    path: '/role',
    children: [
      // {
      //   name: 'Rolemanage',
      //   path: '/roleuser',
      //   component: () => import('#/views/role/rolemanage/index.vue'),
      //   meta: {
      //     title: $t('page.dashboard.role'),
      //   },
      // },
      {
        name: 'account',
        path: '/account',
        component: () => import('#/views/role/account/index.vue'),
        meta: {
          title: $t('page.dashboard.account'),
          activePath: '/account',
        },
      },
      {
        name: 'userclass',
        path: '/userclass',
        component: () => import('#/views/role/user/classView.vue'),
        meta: {
          title: $t('page.dashboard.userClass'),
        },
      },
      {
        name: 'usermanage',
        path: '/user',
        component: () => import('#/views/role/user/index.vue'),
        meta: {
          title: $t('page.dashboard.user'),
        },
      },
      // {
      //   name: 'userdesc',
      //   path: '/userdesc',
      //   component: () => import('#/views/role/user/descView.vue'),
      //   meta: {
      //     // title: $t('page.dashboard.user'),
      //     hideInMenu: true,
      //     activePath: '/user',
      //   },
      // },

    ],
  },
];

export default routes;
